<script setup lang="tsx">
import {
  ElFormItem,
  type FormItemProps,
} from 'element-plus'
import { omit } from 'lodash-es'
// ------------------use------------------
// #region
defineProps<Partial<FormItemProps>>()
// #endregion
// ------------------静态变量------------------
// #region
// #endregion
// ------------------动态变量------------------
// #region

// #endregion
// ------------------ref-----------
// #region

// #endregion
// ------------------reactive------
// #region

// #endregion
// ------------------computed------
// #region

// #endregion
// ------------------生命周期------------------
// #region

// #endregion
// ------------------内置方法---------------------
// #region

// #endregion
// ------------------方法---------------------
// #region

// #endregion
</script>

<template>
  <ElFormItem
    v-bind="omit($props, 'prop')"
    class="el-form-sub is-required"
  >
    <slot />
    <ElFormItem
      v-for="item in prop"
      :key="item"
      :prop="item"
      class="width-fill"
    />
  </ElFormItem>
</template>

<style lang="scss">
//------------------组件样式------------------
.el-form-sub {
  position: relative;
  .el-form-item {
    position: absolute;
    bottom: 0px;
    &__error {
      width: 100%;
      background: var(--el-bg-color-overlay);
    }
  }
}
//-------------样式穿透-------------
</style>
